From 2bf1c09f658f6078e305119713ff0f297d0082be Mon Sep 17 00:00:00 2001 From: =?utf8?q?Timm=20B=C3=A4der?= Date: Thu, 11 May 2017 22:08:19 +0200 Subject: [PATCH] adwaita: Fix notebook theming the header and the stack nodes are now inside a box node. --- gtk/theme/Adwaita/_common.scss | 4 +- gtk/theme/Adwaita/gtk-contained-dark.css | 200 +++++++++++------------ gtk/theme/Adwaita/gtk-contained.css | 200 +++++++++++------------ 3 files changed, 192 insertions(+), 212 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 4fd2df2dac..ac11545b4f 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -2093,7 +2093,7 @@ popover.menu { padding: 8px; } * Notebooks * *************/ notebook { - > header { + box> header { padding: 1px; border-color: $borders_color; border-width: 1px; @@ -2353,7 +2353,7 @@ notebook { &.bottom tab { padding-top: 4px; } } - > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + box > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks background-color: $base_color; &:backdrop { background-color: $backdrop_base_color; } diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index e972c47bb8..166a2d8199 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -162,73 +162,63 @@ treeview entry.flat, treeview entry { border-radius: 0; background-image: none; treeview entry.flat:focus, treeview entry:focus { border-color: #215d9c; } -.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #232729; background-color: #898b8b; } +.entry-tag { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; background-color: #0c0d0d; } -:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } +.entry-tag:hover { background-color: #232729; } -:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } - -.entry-tag:hover { background-color: #a3a4a4; } - -:backdrop .entry-tag { color: #252a2c; background-color: #5b5f60; } - -.entry-tag.button { background-color: transparent; color: rgba(35, 39, 41, 0.7); } - -:not(:backdrop) .entry-tag.button:hover { border: 1px solid #898b8b; color: #232729; } - -:not(:backdrop) .entry-tag.button:active { background-color: #898b8b; color: rgba(35, 39, 41, 0.7); } +.entry-tag .button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; background-color: transparent; } /*********** Buttons * */ @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #3583d5 0%, rgba(53, 131, 213, 0) 0%); } to { background-image: radial-gradient(farthest-side, #3583d5 95%, rgba(53, 131, 213, 0)); } } -notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1f20; border-bottom-color: #0b0c0c; background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); text-shadow: 0 -1px rgba(0, 0, 0, 0.827451); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.827451); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } +notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1f20; border-bottom-color: #0b0c0c; background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); text-shadow: 0 -1px rgba(0, 0, 0, 0.827451); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.827451); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } -notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } +notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } -notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } +notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } -notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -notebook > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1f20; border-bottom-color: #0b0c0c; text-shadow: 0 -1px rgba(0, 0, 0, 0.779451); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.779451); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); -gtk-icon-filter: brightness(1.2); } +notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1f20; border-bottom-color: #0b0c0c; text-shadow: 0 -1px rgba(0, 0, 0, 0.779451); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.779451); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); -gtk-icon-filter: brightness(1.2); } -notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1f20; background-image: image(#25292b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } +notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1f20; background-image: image(#25292b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } -notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #202425; background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-filter: none; } +notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #202425; background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-filter: none; } -notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #919494; } +notebook box > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #919494; } -notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #202425; background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #202425; background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #919494; } +notebook box > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #919494; } -notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #202425; background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #202425; background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #566164; } +notebook box > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #566164; } -notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #202425; background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #202425; background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #566164; } +notebook box > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook box > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook box > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook box > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #566164; } -notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #1b1f20; background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #1b1f20; background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #919494; } +notebook box > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #919494; } -notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { border-color: #1b1f20; background-image: image(#232628); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { border-color: #1b1f20; background-image: image(#232628); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #919494; } +notebook box > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook box > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #919494; } -notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } +notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } -notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button { padding-left: 16px; padding-right: 16px; } +notebook box > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button { padding-left: 16px; padding-right: 16px; } -notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +notebook box > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +notebook box > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } +combobox:drop(active) button.combo, notebook box > header > tabs > arrow:drop(active), button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } @@ -773,7 +763,7 @@ menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px # menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #919494; box-shadow: none; } -menu, .menu, .context-menu { margin: 4px; padding: 2px 0px; background-color: #262b2d; border: 1px solid #1b1f20; } +menu, .menu, .context-menu { padding: 2px 0px; background-color: #262b2d; border: 1px solid #1b1f20; } .csd menu, .csd .menu, .csd .context-menu { border: none; } @@ -835,139 +825,139 @@ popover.background list separator { margin: 0px; } popover.menu { padding: 8px; } /************* Notebooks * */ -notebook > header { padding: 1px; border-color: #1b1f20; border-width: 1px; background-color: #272c2d; } +notebook box > header { padding: 1px; border-color: #1b1f20; border-width: 1px; background-color: #272c2d; } -notebook > header:backdrop { border-color: #202425; background-color: #2c3233; } +notebook box > header:backdrop { border-color: #202425; background-color: #2c3233; } -notebook > header tabs { margin: -1px; } +notebook box > header tabs { margin: -1px; } -notebook > header.top { border-bottom-style: solid; } +notebook box > header.top { border-bottom-style: solid; } -notebook > header.top > tabs { margin-bottom: -2px; } +notebook box > header.top > tabs { margin-bottom: -2px; } -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #1b1f20; } +notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #1b1f20; } -notebook > header.top > tabs > tab:backdrop { box-shadow: none; } +notebook box > header.top > tabs > tab:backdrop { box-shadow: none; } -notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #215d9c; } +notebook box > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #215d9c; } -notebook > header.bottom { border-top-style: solid; } +notebook box > header.bottom { border-top-style: solid; } -notebook > header.bottom > tabs { margin-top: -2px; } +notebook box > header.bottom > tabs { margin-top: -2px; } -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #1b1f20; } +notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #1b1f20; } -notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } +notebook box > header.bottom > tabs > tab:backdrop { box-shadow: none; } -notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #215d9c; } +notebook box > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #215d9c; } -notebook > header.left { border-right-style: solid; } +notebook box > header.left { border-right-style: solid; } -notebook > header.left > tabs { margin-right: -2px; } +notebook box > header.left > tabs { margin-right: -2px; } -notebook > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #1b1f20; } +notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #1b1f20; } -notebook > header.left > tabs > tab:backdrop { box-shadow: none; } +notebook box > header.left > tabs > tab:backdrop { box-shadow: none; } -notebook > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #215d9c; } +notebook box > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #215d9c; } -notebook > header.right { border-left-style: solid; } +notebook box > header.right { border-left-style: solid; } -notebook > header.right > tabs { margin-left: -2px; } +notebook box > header.right > tabs { margin-left: -2px; } -notebook > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #1b1f20; } +notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #1b1f20; } -notebook > header.right > tabs > tab:backdrop { box-shadow: none; } +notebook box > header.right > tabs > tab:backdrop { box-shadow: none; } -notebook > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #215d9c; } +notebook box > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #215d9c; } -notebook > header.top > tabs > arrow { border-top-style: none; } +notebook box > header.top > tabs > arrow { border-top-style: none; } -notebook > header.bottom > tabs > arrow { border-bottom-style: none; } +notebook box > header.bottom > tabs > arrow { border-bottom-style: none; } -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } +notebook box > header.top > tabs > arrow, notebook box > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } -notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } +notebook box > header.top > tabs > arrow.down, notebook box > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +notebook box > header.top > tabs > arrow.up, notebook box > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -notebook > header.left > tabs > arrow { border-left-style: none; } +notebook box > header.left > tabs > arrow { border-left-style: none; } -notebook > header.right > tabs > arrow { border-right-style: none; } +notebook box > header.right > tabs > arrow { border-right-style: none; } -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } +notebook box > header.left > tabs > arrow, notebook box > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } -notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } +notebook box > header.left > tabs > arrow.down, notebook box > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +notebook box > header.left > tabs > arrow.up, notebook box > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } +notebook box > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } -notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } +notebook box > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } -notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +notebook box > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #919494; font-weight: bold; border-width: 1px; border-color: transparent; } +notebook box > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #919494; font-weight: bold; border-width: 1px; border-color: transparent; } -notebook > header tab:hover { color: #c0c1c0; } +notebook box > header tab:hover { color: #c0c1c0; } -notebook > header tab:hover.reorderable-page { border-color: rgba(27, 31, 32, 0.3); background-color: rgba(51, 57, 59, 0.2); } +notebook box > header tab:hover.reorderable-page { border-color: rgba(27, 31, 32, 0.3); background-color: rgba(51, 57, 59, 0.2); } -notebook > header tab:backdrop { color: #6b7070; } +notebook box > header tab:backdrop { color: #6b7070; } -notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } +notebook box > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } -notebook > header tab:checked { color: #eeeeec; } +notebook box > header tab:checked { color: #eeeeec; } -notebook > header tab:checked.reorderable-page { border-color: rgba(27, 31, 32, 0.5); background-color: rgba(51, 57, 59, 0.5); } +notebook box > header tab:checked.reorderable-page { border-color: rgba(27, 31, 32, 0.5); background-color: rgba(51, 57, 59, 0.5); } -notebook > header tab:checked.reorderable-page:hover { background-color: rgba(51, 57, 59, 0.7); } +notebook box > header tab:checked.reorderable-page:hover { background-color: rgba(51, 57, 59, 0.7); } -notebook > header tab:backdrop:checked { color: #919494; } +notebook box > header tab:backdrop:checked { color: #919494; } -notebook > header tab:backdrop:checked.reorderable-page { border-color: #202425; background-color: #33393b; } +notebook box > header tab:backdrop:checked.reorderable-page { border-color: #202425; background-color: #33393b; } -notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } +notebook box > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } -notebook > header tab button.flat:hover { color: currentColor; } +notebook box > header tab button.flat:hover { color: currentColor; } -notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } +notebook box > header tab button.flat, notebook box > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } -notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } +notebook box > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } -notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } +notebook box > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } -notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } +notebook box > header.top tabs, notebook box > header.bottom tabs { padding-left: 4px; padding-right: 4px; } -notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } +notebook box > header.top tabs:not(:only-child), notebook box > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } +notebook box > header.top tabs:not(:only-child):first-child, notebook box > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } +notebook box > header.top tabs:not(:only-child):last-child, notebook box > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } -notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } +notebook box > header.top tabs tab, notebook box > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } +notebook box > header.top tabs tab.reorderable-page, notebook box > header.bottom tabs tab.reorderable-page { border-style: none solid; } -notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } +notebook box > header.left tabs, notebook box > header.right tabs { padding-top: 4px; padding-bottom: 4px; } -notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } +notebook box > header.left tabs:not(:only-child), notebook box > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } -notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } +notebook box > header.left tabs:not(:only-child):first-child, notebook box > header.right tabs:not(:only-child):first-child { margin-top: -1px; } -notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } +notebook box > header.left tabs:not(:only-child):last-child, notebook box > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } -notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } +notebook box > header.left tabs tab, notebook box > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } -notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } +notebook box > header.left tabs tab.reorderable-page, notebook box > header.right tabs tab.reorderable-page { border-style: solid none; } -notebook > header.top tab { padding-bottom: 4px; } +notebook box > header.top tab { padding-bottom: 4px; } -notebook > header.bottom tab { padding-top: 4px; } +notebook box > header.bottom tab { padding-top: 4px; } -notebook > stack:not(:only-child) { background-color: #232729; } +notebook box > stack:not(:only-child) { background-color: #232729; } -notebook > stack:not(:only-child):backdrop { background-color: #252a2c; } +notebook box > stack:not(:only-child):backdrop { background-color: #252a2c; } /************** Scrollbars * */ scrollbar { background-color: #2b3032; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index c85ca7b12d..4efe951224 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -162,73 +162,63 @@ treeview entry.flat, treeview entry { border-radius: 0; background-image: none; treeview entry.flat:focus, treeview entry:focus { border-color: #4a90d9; } -.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #4a90d9; } +.entry-tag { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; background-color: #e6e6e6; } -:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } +.entry-tag:hover { background-color: #ffffff; } -:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } - -.entry-tag:hover { background-color: #74aae2; } - -:backdrop .entry-tag { color: #fcfcfc; background-color: #4a90d9; } - -.entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); } - -:not(:backdrop) .entry-tag.button:hover { border: 1px solid #4a90d9; color: #ffffff; } - -:not(:backdrop) .entry-tag.button:active { background-color: #4a90d9; color: rgba(255, 255, 255, 0.7); } +.entry-tag .button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; background-color: transparent; } /*********** Buttons * */ @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #4a90d9 0%, rgba(74, 144, 217, 0) 0%); } to { background-image: radial-gradient(farthest-side, #4a90d9 95%, rgba(74, 144, 217, 0)); } } -notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } +notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } -notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } +notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } -notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } +notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } -notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -notebook > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; border-bottom-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); -gtk-icon-filter: brightness(1.2); } +notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; border-bottom-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); -gtk-icon-filter: brightness(1.2); } -notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; background-image: image(#d9d9d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } +notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; background-image: image(#d9d9d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } -notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #c0c0bd; background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-filter: none; } +notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #c0c0bd; background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-filter: none; } -notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #8b8e8f; } +notebook box > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #8b8e8f; } -notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #c0c0bd; background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #c0c0bd; background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #8b8e8f; } +notebook box > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #8b8e8f; } -notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #c0c0bd; background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #c0c0bd; background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #c3c3c0; } +notebook box > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #c3c3c0; } -notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #c0c0bd; background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #c0c0bd; background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #c3c3c0; } +notebook box > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook box > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook box > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook box > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #c3c3c0; } -notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #b6b6b3; background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #b6b6b3; background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #8b8e8f; } +notebook box > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #8b8e8f; } -notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { border-color: #b6b6b3; background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { border-color: #b6b6b3; background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #8b8e8f; } +notebook box > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook box > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #8b8e8f; } -notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } +notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } -notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button { padding-left: 16px; padding-right: 16px; } +notebook box > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button { padding-left: 16px; padding-right: 16px; } -notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +notebook box > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +notebook box > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } +combobox:drop(active) button.combo, notebook box > header > tabs > arrow:drop(active), button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } row:selected button { border-color: #184472; } @@ -781,7 +771,7 @@ menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px # menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #8b8e8f; box-shadow: none; } -menu, .menu, .context-menu { margin: 4px; padding: 2px 0px; background-color: #ffffff; border: 1px solid #b6b6b3; } +menu, .menu, .context-menu { padding: 2px 0px; background-color: #ffffff; border: 1px solid #b6b6b3; } .csd menu, .csd .menu, .csd .context-menu { border: none; } @@ -843,139 +833,139 @@ popover.background list separator { margin: 0px; } popover.menu { padding: 8px; } /************* Notebooks * */ -notebook > header { padding: 1px; border-color: #b6b6b3; border-width: 1px; background-color: #cfcfcd; } +notebook box > header { padding: 1px; border-color: #b6b6b3; border-width: 1px; background-color: #cfcfcd; } -notebook > header:backdrop { border-color: #c0c0bd; background-color: #dadad8; } +notebook box > header:backdrop { border-color: #c0c0bd; background-color: #dadad8; } -notebook > header tabs { margin: -1px; } +notebook box > header tabs { margin: -1px; } -notebook > header.top { border-bottom-style: solid; } +notebook box > header.top { border-bottom-style: solid; } -notebook > header.top > tabs { margin-bottom: -2px; } +notebook box > header.top > tabs { margin-bottom: -2px; } -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #b6b6b3; } +notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #b6b6b3; } -notebook > header.top > tabs > tab:backdrop { box-shadow: none; } +notebook box > header.top > tabs > tab:backdrop { box-shadow: none; } -notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #4a90d9; } +notebook box > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #4a90d9; } -notebook > header.bottom { border-top-style: solid; } +notebook box > header.bottom { border-top-style: solid; } -notebook > header.bottom > tabs { margin-top: -2px; } +notebook box > header.bottom > tabs { margin-top: -2px; } -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #b6b6b3; } +notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #b6b6b3; } -notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } +notebook box > header.bottom > tabs > tab:backdrop { box-shadow: none; } -notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #4a90d9; } +notebook box > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #4a90d9; } -notebook > header.left { border-right-style: solid; } +notebook box > header.left { border-right-style: solid; } -notebook > header.left > tabs { margin-right: -2px; } +notebook box > header.left > tabs { margin-right: -2px; } -notebook > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #b6b6b3; } +notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #b6b6b3; } -notebook > header.left > tabs > tab:backdrop { box-shadow: none; } +notebook box > header.left > tabs > tab:backdrop { box-shadow: none; } -notebook > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #4a90d9; } +notebook box > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #4a90d9; } -notebook > header.right { border-left-style: solid; } +notebook box > header.right { border-left-style: solid; } -notebook > header.right > tabs { margin-left: -2px; } +notebook box > header.right > tabs { margin-left: -2px; } -notebook > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #b6b6b3; } +notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #b6b6b3; } -notebook > header.right > tabs > tab:backdrop { box-shadow: none; } +notebook box > header.right > tabs > tab:backdrop { box-shadow: none; } -notebook > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #4a90d9; } +notebook box > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #4a90d9; } -notebook > header.top > tabs > arrow { border-top-style: none; } +notebook box > header.top > tabs > arrow { border-top-style: none; } -notebook > header.bottom > tabs > arrow { border-bottom-style: none; } +notebook box > header.bottom > tabs > arrow { border-bottom-style: none; } -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } +notebook box > header.top > tabs > arrow, notebook box > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } -notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } +notebook box > header.top > tabs > arrow.down, notebook box > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +notebook box > header.top > tabs > arrow.up, notebook box > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -notebook > header.left > tabs > arrow { border-left-style: none; } +notebook box > header.left > tabs > arrow { border-left-style: none; } -notebook > header.right > tabs > arrow { border-right-style: none; } +notebook box > header.right > tabs > arrow { border-right-style: none; } -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } +notebook box > header.left > tabs > arrow, notebook box > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } -notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } +notebook box > header.left > tabs > arrow.down, notebook box > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +notebook box > header.left > tabs > arrow.up, notebook box > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } +notebook box > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } -notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } +notebook box > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } -notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +notebook box > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #8b8e8f; font-weight: bold; border-width: 1px; border-color: transparent; } +notebook box > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #8b8e8f; font-weight: bold; border-width: 1px; border-color: transparent; } -notebook > header tab:hover { color: #5d6163; } +notebook box > header tab:hover { color: #5d6163; } -notebook > header tab:hover.reorderable-page { border-color: rgba(182, 182, 179, 0.3); background-color: rgba(232, 232, 231, 0.2); } +notebook box > header tab:hover.reorderable-page { border-color: rgba(182, 182, 179, 0.3); background-color: rgba(232, 232, 231, 0.2); } -notebook > header tab:backdrop { color: #b0b2b2; } +notebook box > header tab:backdrop { color: #b0b2b2; } -notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } +notebook box > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } -notebook > header tab:checked { color: #2e3436; } +notebook box > header tab:checked { color: #2e3436; } -notebook > header tab:checked.reorderable-page { border-color: rgba(182, 182, 179, 0.5); background-color: rgba(232, 232, 231, 0.5); } +notebook box > header tab:checked.reorderable-page { border-color: rgba(182, 182, 179, 0.5); background-color: rgba(232, 232, 231, 0.5); } -notebook > header tab:checked.reorderable-page:hover { background-color: rgba(232, 232, 231, 0.7); } +notebook box > header tab:checked.reorderable-page:hover { background-color: rgba(232, 232, 231, 0.7); } -notebook > header tab:backdrop:checked { color: #8b8e8f; } +notebook box > header tab:backdrop:checked { color: #8b8e8f; } -notebook > header tab:backdrop:checked.reorderable-page { border-color: #c0c0bd; background-color: #e8e8e7; } +notebook box > header tab:backdrop:checked.reorderable-page { border-color: #c0c0bd; background-color: #e8e8e7; } -notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } +notebook box > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } -notebook > header tab button.flat:hover { color: currentColor; } +notebook box > header tab button.flat:hover { color: currentColor; } -notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } +notebook box > header tab button.flat, notebook box > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } -notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } +notebook box > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } -notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } +notebook box > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } -notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; } +notebook box > header.top tabs, notebook box > header.bottom tabs { padding-left: 4px; padding-right: 4px; } -notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } +notebook box > header.top tabs:not(:only-child), notebook box > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } +notebook box > header.top tabs:not(:only-child):first-child, notebook box > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; } -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } +notebook box > header.top tabs:not(:only-child):last-child, notebook box > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; } -notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } +notebook box > header.top tabs tab, notebook box > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; } +notebook box > header.top tabs tab.reorderable-page, notebook box > header.bottom tabs tab.reorderable-page { border-style: none solid; } -notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } +notebook box > header.left tabs, notebook box > header.right tabs { padding-top: 4px; padding-bottom: 4px; } -notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } +notebook box > header.left tabs:not(:only-child), notebook box > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } -notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; } +notebook box > header.left tabs:not(:only-child):first-child, notebook box > header.right tabs:not(:only-child):first-child { margin-top: -1px; } -notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } +notebook box > header.left tabs:not(:only-child):last-child, notebook box > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; } -notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } +notebook box > header.left tabs tab, notebook box > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; } -notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; } +notebook box > header.left tabs tab.reorderable-page, notebook box > header.right tabs tab.reorderable-page { border-style: solid none; } -notebook > header.top tab { padding-bottom: 4px; } +notebook box > header.top tab { padding-bottom: 4px; } -notebook > header.bottom tab { padding-top: 4px; } +notebook box > header.bottom tab { padding-top: 4px; } -notebook > stack:not(:only-child) { background-color: #ffffff; } +notebook box > stack:not(:only-child) { background-color: #ffffff; } -notebook > stack:not(:only-child):backdrop { background-color: #fcfcfc; } +notebook box > stack:not(:only-child):backdrop { background-color: #fcfcfc; } /************** Scrollbars * */ scrollbar { background-color: #c3c4c4; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -- 2.30.2